<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html"/>
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/datepicker/datepicker3.css" />
    <script src="${request.contextPath}/statics/plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="${request.contextPath}/statics/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group">
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.userName" @keyup.enter="query" placeholder="用户姓名">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.mobile" @keyup.enter="query" placeholder="联系方式">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <select class="form-control" placeholder="请选择" v-model="q.status">
                    <option disabled value="">请选择办理状态</option>
                    <option v-for="status in statusObject.policePostStatus" :value="status.value">{{status.text}}</option>
                </select>
            </div>
            <div class="form-inline" style="">
                违法日期：
                <div class="input-daterange input-group" id="datepicker_range" >
                    <input id="datepicker_start" type="text" class="form-control" style="width: 100px;" name="start" readonly/>
                    <span class="input-group-addon">至</span>
                    <input id="datepicker_end" type="text" class="form-control" style="width: 100px;" name="end" readonly/>
                </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-warning" @click="reset">重置</a>
            </div>
        </div>

        <div class="grid-btn">

			<#if shiro.hasPermission("cgs:cgsreconsider:save")>
            <a class="btn btn-primary" @click="detail">详情</a>
			</#if>
			<#if shiro.hasPermission("cgs:cgsreconsider:update")>
            <a class="btn btn-primary" @click="checkOK(1)">通过</a>
			</#if>
			<#if shiro.hasPermission("cgs:cgsreconsider:delete")>
            <a class="btn btn-primary" @click="checkOK(2)">无效</a>
			</#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <!---->
    <div v-show="!showList" class="panel panel-default" align="center">
    <div class="panel-heading">{{title}}</div>
    <form class="form-horizontal" style="width:70%!important;">
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">申请人id</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.applyUserId" placeholder="申请人id"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">用户姓名</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.userName" placeholder="用户姓名"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">身份证号</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.idCardNum" placeholder="身份证号"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;"></div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.vehicleType" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">行驶证</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.vehicleNum" placeholder="行驶证"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">联系电话</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.mobile" placeholder="联系电话"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">身份证正面照片</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.scanUrlZ" placeholder="身份证正面照片"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">身份证反面照片</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.scanUrlF" placeholder="身份证反面照片"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">行驶证</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.travelLicense" placeholder="行驶证"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;"></div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.materialOne" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;"></div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.materialTwo" placeholder=""/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">违法时间</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.illegalTime" placeholder="违法时间"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;"></div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.illegalAddress" placeholder=""/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">道路类型01高速公路、02非高速公路</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.roadType" placeholder="道路类型01高速公路、02非高速公路"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">复议原因</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.reconsiderReason" placeholder="复议原因"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">复议内容</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.content" placeholder="复议内容"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">状态0已提交1复议成功2复议失败</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.status" placeholder="状态0已提交1复议成功2复议失败"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">创建时间</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.createTime" placeholder="创建时间"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label" style="width: 10%;">处理时间</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.handleTime" placeholder="处理时间"/>
            </div>
            <div class="col-sm-2 control-label" style="width: 10%;">处理人</div>
            <div class="col-sm-10" style="width: 40%;">
                <input type="text" class="form-control" width="80%" v-model="cgsReconsider.handler" placeholder="处理人"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
        </div>
    </form>
</div>


<!--详细信息-->
    <div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="detailModalLabel">
                    {{title}}
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" >
                    <div class="form-group">
                        <div class="col-sm-2 control-label">用户ID</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="cgsReconsider.applyUserId" placeholder="用户ID"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">用户姓名</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="cgsReconsider.userName" placeholder="用户姓名"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">身份证号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="cgsReconsider.idCardNum" placeholder="身份证号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">车牌号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="cgsReconsider.vehicleNum" placeholder="车牌号"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">违法时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="cgsReconsider.illegalTime" placeholder="违法时间"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">复议内容</div>
                        <div class="col-sm-10">
                            <textarea class="form-control"  v-model="cgsReconsider.content" placeholder="复议内容" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">创建时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="cgsReconsider.creatTime" placeholder="创建时间"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

    <!--查看材料-->
    <div class="modal fade" id="showPhotosModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="showPhotosModalLabel">
                    {{title}}
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-10" id="travelLicenseA" style="width: 50% ;">
                            <img class="form-control" id="travelLicense" style="height: 160px"/>
                        </div>
                        <div class="col-sm-10" id="materialOneA" style="width: 50%">
                            <img class="form-control" id="materialOne" style="height: 160px"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-10" id="materialTwoA" style="width: 50% ;">
                            <img class="form-control" id="materialTwo" style="height: 160px"/>
                        </div>
                        <div class="col-sm-10" id="otherA" style="width: 50%">
                            <img class="form-control" id="other" style="height: 160px"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

</div>

<script src="${request.contextPath}/statics/js/modules/cgs/cgsreconsider.js?_${.now?long}"></script>
</body>
</html>